
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:head></h:head>
	<h:body>
		<h:form id="miform">
			<!-- Opciones desplegar y crear. -->
			<h:panelGroup id="botones">
				<p:commandButton value="Desplegar Usuarios"
					actionListener="#{UsuarioMB.desplegarUsuarios()}" process="@this"
					update="lista" />
				<p:commandButton value="Crear Usuario"
					actionListener="#{UsuarioMB.limpiar}"
					oncomplete="PF('dAgregarUsuario').show();" />
				<p:commandButton value="Volver"
					action="mainAdministrador?faces-redirect=true"/>					
			</h:panelGroup>
			<!-- Growl -->
			<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
				for="gfMessages" />
			<!-- Tabla Listar Usuarios -->
			<p:panel style="border: none;" id="lista">
				<p:dataTable id="usuarios" value="#{UsuarioMB.usuarios}" rowsPerPageTemplate=""
					var="usuario" rendered="#{UsuarioMB.usuarios.size() gt 0}">
					<f:facet name="header">
            Lista Usuarios
        </f:facet>
					<p:column headerText="Usuario" sortBy="#{usuario.username}">
						<h:outputText value="#{usuario.username}" />
					</p:column>
					<p:column headerText="Nombres" sortBy="#{usuario.nombres}">
						<h:outputText value="#{usuario.nombres}" />
					</p:column>
					<p:column headerText="Activo" sortBy="#{usuario.activo}">
						<h:outputText value="Si" rendered="#{usuario.activo}" />
						<h:outputText value="No" rendered="#{!usuario.activo}" />
					</p:column>
					<p:column headerText="Editar">
						<p:commandButton
							actionListener="#{UsuarioMB.buscarModificarUsuario(usuario)}"
							oncomplete="PF('dModificarUsuario').show();" value="Editar"></p:commandButton>
					</p:column>
					<p:column headerText="eliminar">
						<p:commandButton value="Eliminar"
							actionListener="#{UsuarioMB.eliminarUsuario(usuario)}"
							update=":miform:lista :miform:gMessages">
							<p:confirm header="Confirmacion"
								message="Esta seguro de borrar el usuario?" />
						</p:commandButton>
						<p:confirmDialog global="true" showEffect="fade"
							hideEffect="explode">
							<p:commandButton value="Si" type="button"
								styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
							<p:commandButton value="No" type="button"
								styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
						</p:confirmDialog>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>
		<!-- Agregar Usuario ajax -->
		<ui:include src="/crearUsuario.xhtml" />
		<!-- Modificar Usuario Ajax -->
		<ui:include src="/modificarDatosUsuario.xhtml" />
	</h:body>
</ui:composition>
